<script setup>
import Aside from '../components/Aside.vue'
import { useRoute } from 'vue-router';
const route = useRoute()
console.log(route.matched);
</script>
<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <Aside></Aside>
      </el-aside>
      <el-container>
        <el-breadcrumb :separator-icon="ArrowRight">
          <el-breadcrumb-item :to=" item.path" v-for="item in route.matched">{{ item.name }}</el-breadcrumb-item>
        </el-breadcrumb>
        <el-header> <el-tabs v-model="editableTabsValue" type="card" class="demo-tabs" closable @tab-remove="removeTab">

          </el-tabs></el-header>
        <el-main>
          <RouterView />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>